<template>

  <div class="contArticle">
      <!-- 标题 -->
      <div class="contArticle_tit">
       <h2>{{ honourById.honourTitle  }}</h2>
      </div>
      <div class="contArticle_author">
        <span>{{ honourById.createTime }}</span>
        <span style="margin-left:6px;"> 来源：{{ honourById.createBy }}</span>
        <span>（浏览量：{{ honourById.click }}）</span>
      </div>

            <div class="contArticle_text">
            <div class="editor ql-container ql-snow">
            <div style="margin-top: 15px;font-weight: 400;text-align: justify;font-size: 16px;line-height: 2;" class="ql-editor" v-html="honourById.honourContent"></div>
    </div>
 </div>
            <van-divider />
           
  </div>
</template>
<script>

import { getHonour,getNextHonour,getUpHonour,updateHonourClick } from '@/api/honour'


  export default {
    data(){
              return {
      honourById : {}, 
      honourList: [], 
      honourListClick: [],
    }

    },
   mounted(){
    this.getList(this.$root.$mp.query.id)
  
  },
  methods: {
       getList(id) {
      getHonour(id).then(response => {
        this.honourById  = response.data
      //   this.honourById .img = this.change(this.honourById .img)
      // })
      //  this.honourById .img.map(item=>{
      //     item.url=this.changeUrl(item.fileName)
        })
    }
  }

}

</script>
<style scoped>
.contArticle{
padding: 0 4%;
}

.contArticle_tit {
  width: 100%;
  font-size: 26px;
  line-height: 37px;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  padding: 10px 0;
  letter-spacing: 0;
  color: #333;
  text-align: justify;
}
.contArticle_author{
  width: 100%;
  right: 0px;
  color: #999;
  font-size: 1em;
  position: relative;
  display: block;
}
.info {
  display: inline-block;
}

.info span {
  display: block;
  font-size: 12px;
  line-height: 17px;
  color: #C2C2C2;
  letter-spacing: 0;
  margin-right: 10px;
}

.info-r {
  color: #A1A1A1;
  letter-spacing: 0;
  font-size: 10px;
  background: #F6F6F6;
  border-radius: 1px;
  font-family: PingFangSC-Medium;
  line-height: 22px;
  position: absolute;
  right: 0px;
  bottom: 0;
  padding: 0 2.4%;
}


</style>